<blockquote class="layui-elem-quote">注意：下述演示中的颜色只是做一个区分作用，并非栅格内置。</blockquote>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>始终等比例水平排列</legend>
</fieldset>

<div class="layui-row">
<div class="layui-col-xs6">
  <div class="grid-demo grid-demo-bg1">6/12</div>
</div>
<div class="layui-col-xs6">
  <div class="grid-demo">6/12</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-xs3">
  <div class="grid-demo grid-demo-bg1">3/12</div>
</div>
<div class="layui-col-xs3">
  <div class="grid-demo">3/12</div>
</div>
<div class="layui-col-xs3">
  <div class="grid-demo grid-demo-bg1">3/12</div>
</div>
<div class="layui-col-xs3">
  <div class="grid-demo">3/12</div>
</div>
</div>

<script>
 
</script>